<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Payroll and Timesheet Management Website</title>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
    <link rel="stylesheet" type="text/css" href="employee.css"/>
    <script type="text/javascript" src="jsfunctions.js"></script>
  </head>
  <body>
    <div class="logo">
      <img src="logo.png" alt="Payroll and Timesheet Management Website" />
    </div>
    <!-- basic user links-->
    <div class="user_links">
      <a href="time.html">Main Page</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="timesheet.html">My Current Timesheet</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="previoustime.html">My Timesheets</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="search.html">Find Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="controlpanel.html">Control Panel</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="signout.html">Signout</a>
    </div>
    <!-- only visible if logged in with manager -->
    <div class="manager">
      <a href="search_results.html?my_employees">My Employees</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="addemployee.html">Add Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="errorsreported.html">Errors Reported</a> <span class="error_cnt">(2)</span>  &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="submittedtime.html">Submitted Timesheets</a> &nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="reports.html">Timesheet Reports</a>
    </div>
    <!-- content -->
    <p class="php_message">
      [Record updated. (php message)]
    </p>
    <p>
      <img src="alert.png" alt="Set Password" class="vert_center"/>&nbsp;&nbsp;<a onclick="javascript:newPopup('editemployee.html');" href="#">Set employee password</a>
      <br/>
      <img src="alert.png" alt="Hide Employee" class="vert_center"/>&nbsp;&nbsp;<a onclick="javascript:newPopup('editemployee.html');" href="#">Hide this employee from searching</a>
      <br/>
      <img src="alert.png" alt="Delete Employee" class="vert_center"/>&nbsp;&nbsp;<a onclick="javascript:newPopup('editemployee.html');" href="#">Delete this employee</a>
    </p>
    <hr/>

    <div>
      <div class="sidebar">
        <!--basic employee info -->
        <div class="center">
          <span class="employ_name">
            Travis Thornton
          </span>
          <span class="employ_id">
            (556844)
          </span>
          <br/>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT NAME]</a>
          </span>
        </div>
        <br/>
        <br/>
        <div class="center">
          <img src="portrait.png" alt="Travis Thornton"/>
          <br/>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT PORTRAIT]</a>
          </span>
        </div>
        <br/>
        <div class="center">
          <span class="employ_since">
            Employee since: 10/20/2009
          </span>
        </div>
      </div>
      
      <div class="info">
        <!-- info -->
        <div>
          <span class="employ">
            Title:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            Associate Programmer
          </span>
        </div>
        <br/>
        <div>
          <span class="employ">
            Specialty:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            Engine Programmer
          </span>
        </div>
        <br/>
        <div>
          <span class="employ">
            Department:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            CORE
          </span>
        </div>
        <br/>
        <div>
          <span class="employ">
            Team:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            Team 4
          </span>
        </div>
        <br/>
        <div>
          <span class="employ">
            Contact Email:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            thorn027@cougars.csusm.edu
          </span>
        </div>
        <br/>
        <div>
          <span class="employ">
            Extension:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            x255
          </span>
        </div>
        <br/>
        <div>
          <span class="employ">
            Location:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            Building C Office: 203
          </span>
        </div>
        <br/>
        <div>
          <span class="employ">
            Manager:
          </span>
          <span class="edit">
            <a onclick="javascript:newPopup('editemployee.html');" href="#">[EDIT]</a>
          </span>
          <br/>
          <span class="employ_info">
            Joe Manager
          </span>
        </div>
      </div>
    </div>
  </body>
</html>
